$(function () {
    console.log('获取用户列表');
    let datas = {
        pagenum: 1,
        pagesize: 4
    }

    /* 初始化获取数据 */
    const getUserList = () => {
        $.ajax({
            type: 'get',
            url: '/admin/users',
            data: datas,
            success(res) {
                if (res.status !== 0) return layui.layer.msg(res.message, {
                    icon: 5
                })
                /* 根据html字符串 渲染页面 */
                $('tbody').html(template('user-form-tpl', res))
                renderPage(res.total)
            }
        })
    }
    getUserList()


    /* 渲染页码 */
    const renderPage = (total) => {

        /* 初始化page */
        layui.use('laypage', function () {
            const laypage = layui.laypage;

            //执行一个laypage实例
            laypage.render({
                elem: 'articlePage' //注意，这里是对应的id名 不是选择器
                    ,
                count: total //数据总数，从服务端得到
                    ,
                limit: datas.pagesize //每页显示多少条
                    ,
                curr: datas.pagenum //当前是第几页
                    ,
                layout: ['prev', 'page', 'next', 'skip', 'count', 'limit'] //分页按钮排版
                    ,
                limits: [2, 4, 6, 8, 10] //条目选择框
                    ,
                jump(obj, first) {

                    datas.pagenum = obj.curr
                    datas.pagesize = obj.limit
                    if (!first) getUserList()
                }
            });
        });
    }


    let ids
    /* 编辑用户信息事件 */

    $('tbody').on('click', '#edit_info', function () {
        console.log($(this).parent());
        // 获取当前用户id
        ids = $(this).parents('td').attr('ids')
        console.log(window.parent.$('iframe').prop('src'));
        // iframe框架跳转
        window.parent.$('iframe').prop('src', 'user/edit.html')
        // 把id存起来 实现页面共享
        localStorage.setItem('ids', ids)
    })

    /* 删除用户 */


    $('tbody').on('click', '#del_info', function (e) {
        e.preventDefault()
        console.log('删除数据');
        ids = $(this).parents('td').attr('ids')
        console.log(ids);
        layer.confirm('确认删除?', {
            icon: 3,
            title: '提示'
        }, index => {
            $.ajax({
                type: 'delete',
                url: '/admin/users/' + ids,
                success(res) {
                    if (res.status !== 0) return layui.layer.msg(res.message, {
                        icon: 5
                    })
                    layui.layer.msg(res.message, {
                        icon: 6
                    }, () => getUserList())
                }
            })
            layer.close(index);
        })

    })


    // 载入重置密码界面
    $('tbody').on('click', '#re_pwd', function (e) {
        e.preventDefault()
        ids = $(this).parents('td').attr('ids')

        // 弹出模态框
        indexAdd = layui.layer.open({
            type: 1,
            title: '修改密码',
            area: ['500px', '300px'],
            content: $('#repwd-form-tpl').html()
        })

    })

    /* 重置密码 */

    layui.form.on('submit(formDemo)', function (data) {

        $.ajax({
            method: 'put',
            url: '/admin/users/' + ids,
            data: {
                password: data.field.password
            },
            success(res) {
                console.log(res)
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, {
                        icon: 5
                    })
                }
                layui.layer.msg(res.message, {
                    icon: 6
                })
                layui.layer.close(indexAdd)
            }
        })
        return false;
    })

})